<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>{$info.title}-邀请函</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">-->
		<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<!-- <link rel="stylesheet" href="1.css"> -->
		<link rel="stylesheet" href="http://wx.intable.net/intable1219/css/inv.css">
		<link rel="stylesheet" type="text/css" href="http://wx.intable.net/intable1219/css/inv_iconfont.css">
	</head>

	<body>
		<div class="template">
			<div class="firstPic">
				<img src="{$info.cover_url}">
				<div class="intro">
					<span class="mes">{$info.title}</span>
				</div>
			</div>
			<div class="introduce">
				<div class="title">
				</div>
				<ul>
					<li>
						<div class="icon">
							<div class="in"></div>
							<span class="word">in</span>
						</div>
						<span class="mes">
							{$info.intro}
						</span>
					</li>
					<li>
						<div class="icon">
							<div class="table"></div>
							<span class="word">table</span>
						</div>
						<span class="mes">{$info.content}</span>
					</li>
				</ul>
			</div>
			<!-- <div class="image1">
            {$info.content}
        </div> -->
			<div class="menu">
				<!--<div class="white"></div>-->
				<div class="price">
					
					<span><i style="font-size: 20px;" class="iconfont icon-mes">&nbsp;</i>课堂信息</span>
					<!-- <span>X</span>
                <span>Proice</span> -->
				</div>
				<div class="message">
					<div class="border2">
						<span class="num">课堂席位: 共{$info.num}位</span>
						<if condition="($info['price'] gt 0)">
							<span class="num">课堂定价: {$info.price}元/位</span>
						<else/>
							<span class="num">课堂定价: 免费</span>
						</if>
						<span class="num">适合人群: {$info.people}</span>
						<!--<span style="font-weight: 700;font-size: 16px;">场次</span>-->
						<volist name="i_time" id="vo">
							<span class="self"><i  class="iconfont icon-time">&nbsp;&nbsp;</i>{$vo|time_format='Y-m-d'}</span>
						</volist>
						<!--<span class="self">2017/12/12  12/20  12/28</span>-->
						<div class="place">
							<i style="font-weight: bold;" class="iconfont icon-gps">&nbsp;</i><span>{$info.address}</span>
						</div>
						<!-- <div class="time">
                        时间： <span>{$info.create_time|time_format='Y-m-d H:i'}</span>
                    </div> -->
					</div>
				</div>

			</div>
			<div class="detail">
				{$info.acontent}
				<!--<div style="height: 20vw;width: 100vw;" id=""></div>-->
			
			</div>

			<!--<div class="huigu">
				<span>往期回顾</span>
				<div class="box">

				</div>
			</div>-->
			<if condition="($info['brand_id'] gt 0)">
				<div class="chef">
					<span>KOL介绍</span>
					<div class="box">
						<img src="{$kol_info.kvimg_url}"/>
						<a href="">
							<div class="info">
								<a href="{:U('kolInfo', array('id' => $info['brand_id']))}">点击详情</a>
							</div>
						</a>
						<p>了解更多具体内容</p>
						
					</div>
				</div>
				<div class="foot">
					<img src="__HOME_IMG__/default/erweima.png"/>
					<p>关注我，丰富你的生活</p>
					<p>更多课程敬请期待</p>
				</div>
			</if>
			
			<!--<a href="{:U('orderInvite', array('id' => $info['id']))}"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:45%">预定课程</p></a>
			<a href="{:U('signInvite', array('id' => $info['id']))}"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:45%;">现场签到</p></a>-->
			<!--<div class="chef">
            <div class="tit">
                <span>体验导师</span>
                 <span>X</span>
                <span>简介</span> 
            </div>
            <div class="pic">
                <img src="" alt="">
            </div>
            <div class="personMes">
                <span>xxxx</span>
                
            </div>
             <div class="personMes">
                {$info.leadmemo}
            </div> 

            <if condition="($info['kolid'] gt 0)">
                <div class="xq">
                    <a href="" class="xq">详情点击</a>
                    <a class="xq">详情点击</a>
                </div>
            </if>
            <div style="height: 50px">
            </div>
        </div>-->
			<div style="border-top: 1px solid #c4863d;" class="xuanfu">
				<!--<a href="">
					<div style="display: inline-block;float: left;width: 96px; height:25px; border-radius:5px; border:1px solid #c4863d; margin-top:11px; margin-left:6%">
						<p style="color:#c4863d;line-height: 24px;text-align: center;">购买体验卡</p>
						 <img style="height: 25px" src="/Application/Home/View/Public/img/default/tiyan.png"> 
					</div>
				</a>-->
				<a href="">
					<!--<div style="display:inline-block; float:right; width:88px; height:25px; margin-top:11px; border-radius:5px; margin-right:6%;background-color: #c4863d">-->
						

						<if condition="($info['atime'] gt 0)">
							<if condition="($timestamp gt $max_time)">
								<eq name="cansign" value="1">
									<a href="javascript:;"><p style="background-color: #666666;color:#fff;line-height: 50px;text-align: center;float:left;width:45%">结束预约</p></a>
									<a href="{:U('signInvite', array('id' => $info['id']))}"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:45%;">现场签到</p></a>
								<else/>
									<a href="javascript:;"><p style="background-color: #666666;color:#fff;line-height: 50px;text-align: center;">结束预约</p></a>
								</eq>
							<else/>
								<eq name="cansign" value="1">
									<a href="{:U('orderInvite', array('id' => $info['id']))}"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:45%">预定课程</p></a>
									<a href="{:U('signInvite', array('id' => $info['id']))}"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:45%;">现场签到</p></a>
								<else/>
									<a href="{:U('orderInvite', array('id' => $info['id']))}"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;">预定课程</p></a>
								</eq>
							</if>
						<else/>
							<a href="javascript:;"><p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;">课程未上线</p></a>
						</if>

						<!-- <a href=""><img src="/Application/Home/View/Public/img/default/yuding.png"></a> -->
					<!--</div>-->
				</a>

			</div>
		</div>
		<div style="height: 20vw;width: 100vw;" id="">
			
		</div>
		<!--<script>
    //调整体验场文字和图片的对齐效果 icon 38px
    var icon = $('.introduce li');
    for (var i = 0; i < icon.length; i++) {
        if (icon.eq(i).find('.icon').height() <= 38) {
            $('.introduce li').eq(i).find('.mes').css('line-height', 38 + 'px')
        }
    }
    </script>-->
		<style>

		</style>
	</body>

</html>